page{
    background-color:#eeeeee;
}
.box-card{
    .box-card-content{
        padding:20rpx;
        >.box-card-content-title{
            color:#333;
            margin-bottom:10rpx;
        }
        >.box-card-content-items{
            display:flex;
            flex-wrap:wrap;
            margin-bottom:10rpx;
            >text{
                width:30%;
                margin:10rpx 10rpx;
                background-color:#fff;
                padding:10rpx 16rpx;
                font-size:24rpx;
                text-align:center;
                border-radius:4rpx;
            }
        }
        >.box-card-content-detail-box{
            background-color:#fff;
            border-radius:10rpx;
            >textarea{
                padding:20rpx;
            }
            >.box-card-add{
                display:flex;
                flex-wrap:wrap;
                padding:20rpx;
                >button{
                    padding:0;
                    font-size:40rpx;
                    width:80rpx;
                    height:80rpx;
                    margin:0;
                    display: flex;
                    align-items:center;
                    justify-content: center;
                    color:#ccc;
                    margin:10rpx 0 10rpx 0;
                }
            }
        }
        >.box-card-content-submit{
            overflow:hidden;
            margin-top:20rpx;
            >button{
                width:160rpx;
                padding:10rpx 20rpx 10rpx 10rpx;
                margin:0;
                float:right;
                color:#fff;
                background-color:var(--themeColor);
                display: flex;
                align-items:center;
                justify-content: center;
            }
        }
    }
}
